import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(primarySwatch: Colors.blue),
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Color.fromRGBO(51, 51, 51, 1),
          elevation: 0.0,
          title: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              FlatButton(
                materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
                child: Row(
                  children: [
                    Icon(Icons.arrow_back_ios,color: Colors.white,),
                    Text('返回',style: TextStyle(color: Colors.white,fontSize: 16),)
                  ],
                ),
                onPressed: (){},
              ),
              Container(child: Row(children: [
                Text('注册',style: TextStyle(fontSize: 16),),
                SizedBox(width: 30,)
              ],),),
              IconButton(icon: Icon(Icons.more_horiz), onPressed: (){})
            ],
          ),
        ),
        body: appPage(),
      ),
    );
  }
}
class appPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Column(
        children: [
          Column(
            children: [
              Container(
                margin: EdgeInsets.fromLTRB(0, 100, 0, 0),
                width: MediaQuery.of(context).size.width*0.3,
                height: MediaQuery.of(context).size.width*0.3,
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(70),
                  border: Border.all(color: Colors.grey),
                  color: Colors.grey,
                ),
                child: IconButton(icon:Icon(Icons.done),iconSize: 55,),
              ),
              SizedBox(height: 40,),
              Text("话费流量",style: TextStyle(fontSize: 18),),
              Container(
                child: FlatButton(
                  child: Text('完成',style: TextStyle(color: Colors.white,fontSize: 16),),
                ),
                margin: EdgeInsets.fromLTRB(0, 80, 0, 0),
                width: MediaQuery.of(context).size.width*0.7,
                height:MediaQuery.of(context).size.width*0.12,
                color: Colors.grey,
              ),
            ],
          )
        ],
      ),
    );
  }
}
